/* view,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image {
	box-sizing: border-box;
} */


.w-h-24 {
	width: 24rpx;
	height: 24rpx;
}

.w-h-32 {
	width: 32rpx;
	height: 32rpx;
}

.w-h-40 {
	width: 40rpx;
	height: 40rpx;
}

.w-h-48 {
	width: 48rpx;
	height: 48rpx;
}

.w-h-64 {
	width: 64rpx;
	height: 64rpx;
}

.w-h-96 {
	width: 96rpx;
	height: 96rpx;
}


.w-h-148 {
	width: 148rpx;
	height: 148rpx;
}


.marB10 {
	margin-bottom: 10rpx;
}

.borderT {
	border-top: 2rpx solid #EDEDED;
}

.borderB {
	border-bottom: 2rpx solid #EDEDED;
}

.borderL {
	border-left: 2rpx solid #EDEDED;
}

.borderR {
	border-right: 2rpx solid #EDEDED;
}

.width25 {
	width: 25vw;
}

.height20 {
	height: 20vh;
}

.height30 {
	height: 30vh;
}

.height100 {
	height: 100rpx;
}

.pad24 {
	padding: 24rpx;
}

.pad024 {
	padding: 0 24rpx;
}

.pad030 {
	padding: 0 30rpx;
}

.pad30 {
	padding: 30rpx;
}

.pad032 {
	padding: 0 32rpx;
}

.pad32 {
	padding: 32rpx;
}

.pad040 {
	padding: 0 40rpx;
}

.pad40 {
	padding: 40rpx;
}

.marA {
	margin: 30rpx auto;
}

.marL {
	margin-left: 25rpx;
}

.marR {
	margin-right: 25rpx;
}

.marT {
	margin-top: 24rpx;
}

.marB {
	margin-bottom: 24rpx;
}

.round_circle {
	border-radius: 50%;
	width: 40rpx;
	height: 40rpx;
	border: 2rpx solid #333;
	margin-right: 5rpx;
}

.leftIconB {
	width: 22rpx;
	height: 22rpx;
	border-top: 3rpx solid #0a74ff;
	border-right: 3rpx solid #0a74ff;
	transform: rotate(-135deg);
}

.rightIconB {
	width: 16rpx;
	height: 16rpx;
	border-top: 2rpx solid #9D9D9D;
	border-right: 2rpx solid #9D9D9D;
	transform: rotate(45deg);
}

.rightIcon {
	width: 16rpx;
	height: 16rpx;
	border-top: 2rpx solid #666;
	border-right: 2rpx solid #666;
	transform: rotate(45deg);
}

.leftIcon {
	width: 22rpx;
	height: 22rpx;
	border-top: 3rpx solid #333;
	border-right: 3rpx solid #333;
	transform: rotate(-135deg);
}

.bottomIcon {
	width: 16rpx;
	height: 16rpx;
	border-top: 2rpx solid #9D9D9D;
	border-right: 2rpx solid #9D9D9D;
	transform: rotate(135deg);
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid black;
}

.arrow-up {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}

.fexedb5 {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 5vh;
}

.fexedb0 {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
}

.flexColumn {
	display: flex;
	flex-direction: column;
}

.flexGrow {
	flex-grow: 1;
}

.flexSt {
	display: flex;
	align-items: flex-start;
}

.flexJEnd {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.flexAEnd {
	display: flex;
	align-items: flex-end;
}

.flexBaseLine{
	display: flex;
	align-items: baseline;
}

.flexC {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flexAlginC {
	display: flex;
	align-items: center;
}

.flexB {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flexE {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.word_wrap {
	/* 不识别单词一行显示不下默认换行 */
	word-break: break-all;
	/* 识别单词 不会造成单词断开换行 */
	word-wrap: break-word;
	/* 隐藏文字显示 ...不换行 */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* width:100%; */
}

.yw-text-cut-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.yw-text-cut-1 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.yw-text-cut-3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}


.text-huadong {
	white-space: nowrap;
	overflow-x: auto;
	width: 130rpx;
}

.text-huanhang {
	width: inherit;
	display: block;
	white-space: normal;
	text-align: center;
}

.topTitle {
	background: #C81F1F;
	color: #fff;
	text-align: center;
	font-size: 16px;
	padding: 7px 3px;
	line-height: 30px;
	position: relative;
	/* font-weight: 700; */
}

.flex_1 {
	flex: 1;
}

.flex_2 {
	flex: 2;
}

.bgWhite {
	background: #fff;
}


.popup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

.bgFixed {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}




/* ==================
          背景
 ==================== */



.color9D {
	color: #9D9D9D;
}

.bg-red {
	background-color: #e54d42;
	color: #ffffff;
}

.fw-700 {
	font-weight: 700;
}

.fw-500 {
	font-weight: 500;
}
.fw-400 {
	font-weight: 400;
}
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}



/*用整数值来定义排列顺序，数值小的排在前面。不可以为负值,默认为0*/
.w-100 {
	width: 100%;
}

.w-90 {
	width: 90%
}

.w-80 {
	width: 80%
}

.w-75 {
	width: 75%;
}

.w-70 {
	width: 70%
}

.w-60 {
	width: 60%
}

.w-50 {
	width: 50%
}

.w-40 {
	width: 40%
}

.w-30 {
	width: 30%
}

.w-33 {
	width: 33%
}

.w-25 {
	width: 25%
}

.w-20 {
	width: 20%
}

.w-10 {
	width: 10%
}

.h-100 {
	height: 100%
}

.h-90 {
	height: 90%
}

.h-87 {
	height: 87%
}

.h-80 {
	height: 80%
}

.h-70 {
	height: 70%
}

.h-60 {
	height: 60%
}

.h-50 {
	height: 50%
}

.h-40 {
	height: 40%
}

.h-30 {
	height: 30%
}

.h-20 {
	height: 20%
}

.h-10 {
	height: 10%
}

.h-0 {
	height: 0%
}


.p-relative {
	position: relative;
}

.p-absolute {
	position: absolute;
}

.p-fixed {
	position: fixed;
}


/* 防止图片闪一下 */
image {
	will-change: transform
}

/* color */
.black {
	color: black;
}

.white {
	color: #fff;
}


/* font-size */
.fs-16 {
	font-size: 16rpx;
}

.fs-18 {
	font-size: 18rpx;
}

.fs-20 {
	font-size: 20rpx;
}

.fs-22 {
	font-size: 22rpx;
}

.fs-24 {
	font-size: 24rpx;
}

.fs-26 {
	font-size: 26rpx;
}

.fs-28 {
	font-size: 28rpx;
}

.fs-30 {
	font-size: 30rpx;
}

.fs-32 {
	font-size: 32rpx;
}

.fs-34 {
	font-size: 34rpx;
}

.fs-36 {
	font-size: 36rpx;
}

.fs-38 {
	font-size: 38rpx;
}

.fs-40 {
	font-size: 40rpx;
}

.fs-42 {
	font-size: 42rpx;
}

.fs-44 {
	font-size: 44rpx;
}

.fs-46 {
	font-size: 46rpx;
}

.fs-48 {
	font-size: 48rpx;
}

.fs-50 {
	font-size: 50rpx;
}

.fs-75 {
	font-size: 75rpx;
}

.b-radius-50 {
	border-radius: 50%;
}
